<!-- <button class="btn" ng-click="end()">asdasd</button>
<div id="main">
    <div class="demo">
        <p>请输入内容然后提交生成二维码：</p>
        <p>
            <input type="text" class="input" id="mytxt" value="">
            <input type="button" id="sub_btn" value="提交">
        </p>
        <div id="code"></div>
    </div>
</div> -->
<div alert-msg toastdata="toastdata"></div>

<div class="flex-box plr8">
    <button class="btn-flex ptb16 c-green bor-b bor-r bg-tp b-green flex1" ui-sref="person.indent.unfin">历史订单</button>
    <button class="btn-flex ptb16 c-grey bor-b bg-tp b-base flex1" ui-sref="person.indent.fin">有效订单</button>
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4>小贴士</h4>
    <p class="fs12 pt8">在订单使用当天是不能取消订单的哦~</p>
</div>
<div ng-class="indent_status(indent.status)" class="paper-b m8 p16" ng-repeat="indent in my_indent.slice().reverse() | orderBy:addTime" repeat-finish="renderFinish()" ng-if="indent.status!='3'">
    <div ng-class="indent.status=='2'?'c-orange':''">
        <p class="ta-c fs20">
            <span>御农庄园</span>
        </p>
        <p class="ta-c fs20" ng-bind="indent.addTime"></p>
    </div>
    <div>
        <!-- <p class="ta-c">订单号：<span>20160801022050406</span></p> -->
        <!-- <div class="lh0 box plr16 pb16 pt8"><img class="w-full" src="./images/u334.png" alt=""></div> -->
        <div class="lh0 box plr16 pb16 pt8 ta-c" ng-class="indent.status=='1'?'':'d-n'" id="{{'qrcode'+ this.indent.id}}"></div>
    </div>
    <table class="table table-hover table-responsive table-striped" ng-repeat="goods in indent.myGoods">
        <thead>
            <tr>
                <th ng-bind="goods.couponGroupModel.name"></th>
                <th>单位</th>
                <th>使用情况</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="data in goods.couponGroupModel.couponMyGoodsModels" ng-class="data.isUsed?'f-d':''">
                <td>{{data.goods.name}}</td>
                <td>{{data.cnt}}</td>
                <td ng-class="data.isUsed?'list-used':'list-unused'"></td>
            </tr>
        </tbody>
    </table>
    <div class="ta-r pt16">
        <!-- <button ng-bind="indent.status"></button> -->
        <button class="btn-hollow b-grey c-grey mr4" ng-if="indent.status=='3'">已完成退款</button>
        <button class="btn-hollow b-orange c-orange mr4" ng-if="indent.status=='2'">正在退款</button>
        <button class="btn-hollow b-grey c-grey mr4" ng-click="cancel_indent(this.indent.id)" ng-if="indent.status=='1'">申请退款</button>
        <button class="btn-hollow b-green c-green"><a href="tel:13112338787" class="btn-tel c-green">联系农场</a></button>
    </div>
</div>

<style>
.f-d {
    text-decoration: line-through;
}

.list-used::after {
    content: '已使用';
}

.list-unused::after {
    content: '未使用';
}

.btn-tel {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.indent-cancel-ing {
    border: solid 1px rgba(255, 164, 4, 1);
}

.indent-cancel-fin {
    border: solid 1px rgba(149, 165, 166, 1);
    color: rgba(149, 165, 166, 1);
}
</style>
